<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- css文件的引入 -->
    <link rel="stylesheet" href="./css/test.css">
    <!-- js文件的引入 -->
    <script src="./js/test.js"></script>
</head>
<body>
    <!-- 块级元素： 就是会独占一行的元素,常见的-->
    <div>我是div</div>
    <p>我是p</p>
    <h1>我是h1系列</h1>
    <h2>我是h2++++</h2>

    <!-- 行内元素 -->
    <span>我是span</span>
    <button>我是button</button>
    <input type="text">
    <a href="#">我是a</a>
    <!-- src就是放地址的属性 -->
    <img src="https://p3-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/9d9b0a67bcef4e938111a46bc054b0d4~tplv-k3u1fbpfcp-no-mark:480:400:0:0.awebp?" alt="" srcset="">


    <!-- h5 -->
    <!-- 颜色选择器 -->
    <input type="color" name="favcolor">
    <!-- 日期选择器 -->
    <input type="datetime" name="bdaytime">
    <!-- 什么是绝对地址，什么是相对地址 -->
    <!-- 绝对地址的形式 -->
    <script src="/Users/liweihao/pratice/peixun/js/test.js"></script>
    <!-- 相对地址的形式 ./ 当前  ../ 上一级-->
    <script src="./js/test.js"></script>
</body>
</html>